<div id="dutyManager">
	<yu-panel :title="$t('dutyManager.gwgl')">
		<el-row :gutter="24">
			<!--左侧机构树-->
			<el-col :span="5">
				<yufp-ext-tree ref="orgTree" :height="height" @node-click="nodeClickFn" :data-url="orgTreeUrl" data-id="orgId" data-label="orgName"
				 data-pid="upOrgId" :data-root="dataRoot" :data-params="dataParams" style="margin:10px 10px 0 0;" lazy>
				</yufp-ext-tree>
			</el-col>
			<!--右侧列表区域-->
			<el-col :span="19">
				<!--右侧列表查询区域-->
				<yu-xform v-model="formdata" related-table-name="dutyTable" form-type="search">
					<yu-xform-group :column="4">
						<yu-xform-item :label="$t('dutyManager.gwdm')" :placeholder="$t('dutyManager.gwdm')" ctype="input" name="dutyCde"></yu-xform-item>
						<yu-xform-item :label="$t('dutyManager.gwmc')" :placeholder="$t('dutyManager.gwmc')" ctype="input" name="dutyName"></yu-xform-item>
						<yu-xform-item :label="$t('dutyManager.zt')" :placeholder="$t('dutyManager.zt')" ctype="select" name="dutySts" data-code="DATA_STS"></yu-xform-item>
					</yu-xform-group>
				</yu-xform>
				<!--右侧列表按钮区域-->
				<yu-toolBar>
						<el-button @click="addFn" v-if="addButton">{{ $t('dutyManager.xz') }}</el-button>
						<el-button @click="modifyFn" v-if="modifyButton">{{ $t('dutyManager.xg') }}</el-button>
						<el-button @click="deleteFn" v-if="deleteButton">{{ $t('dutyManager.sc') }}</el-button>
						<el-button @click="useFn" v-if="enableButton">{{ $t('dutyManager.qy') }}</el-button>
						<el-button @click="unUseFn" v-if="disableButton">{{ $t('dutyManager.ty') }}</el-button>
						<el-button @click="openDutyUserFn" v-if="dutyUserButton">{{ $t('dutyManager.gwyh') }}</el-button>
				</yu-toolBar>
				<!--右侧主列表-->
				<el-table-x ref="dutyTable" :max-height="height - 140" :checkbox="true" :data-url="dutyTableUrl" :table-columns="tableColumns"
				 :base-params="dutyTableParams" @custom-detail-click="infoFn">
				</el-table-x>
				<!--{{ $t('dutyManager.xz') }}{{ $t('dutyManager.xg') }}维护面板-->
				<el-dialog-x :center="true" :title="viewTitle[viewType]" :visible.sync="dialogVisible" width="400px">
					<el-form-x ref="dutyForm" :group-fields="updateFields" :buttons="updateButtons" :disabled="formDisabled" label-width="100px"></el-form-x>
				</el-dialog-x>


				<!--{{ $t('dutyManager.gwyh') }}列表弹窗-->
				<el-dialog-x :center="true" :title="textMap[viewType]" :visible.sync="dialogGridVisible" height="400px" width="800px">
					<!--{{ $t('dutyManager.gwyh') }}列表查询-->
					<el-form-q ref="userQuery" :field-data="userQueryFields" :buttons="userQueryButtons">
					</el-form-q>
					<!--{{ $t('dutyManager.gwyh') }}列表-->
					<el-table-x ref="userTable" :max-height="height - 140" :checkbox="false" :data-url="dutyUserUrl" :default-load="false" :table-columns="userTableColumns">
					</el-table-x>
				</el-dialog-x>
			</el-col>
		</el-row>
	</yu-panel>

	</div>